/* 
    Document   : list
    Created on : 2012-4-24, 10:31:20
    Author     : martin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.productList{
    border: 1px solid #ccc;
    margin-bottom: 10px;
    height: 110px;
    display: block;
    overflow: hidden;
    clear: both;
}
.productList .image{
    width: 110px;
    float: left;
}
.productList .image img{
    border: 1px solid #ccc;
    padding: 1px;
    width: 100px; 
    height: 70px;
    margin: 5px;
}
.productList .config{
    float: left;
    height: 60px;
    width: 600px;
}
.productList .config .show{
    width: 85%;
    height: 70px;
    float: left;
}
.productList .config .settings{
    float: left;
    height: 70px;
}
/* pagination */
ul.yiiPager
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
}

ul.yiiPager li
{
    display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
  border: 1px solid #c3c4ba;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-right: 5px;
  padding: 6px;
  min-width: 15px;
  text-align: center;
  background: #dddddd;
  background-image: url("/images/button-background.png");
  color: #111111;
}

ul.yiiPager .page a
{
    font-weight:normal;
    padding: 6px 10px;
}

ul.yiiPager a:hover
{
  border: 1px solid #818171;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

ul.yiiPager .selected a
{
  background: #261f1f;
  color: white;
  border: 1px solid #261f1f;
  padding: 6px 10px;
}

ul.yiiPager .hidden a
{
    border:solid 1px #DEDEDE;
    color:#888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last
{
    display:none;
}

/**
*sort css
*/
.sort{
    display: block;
    width: 98.7%;
    float: left;
    margin-top: 5px;
    text-align: center;
}
.summary{
    background: none repeat scroll 0 0 #EAEAEA;
    padding: 5px;
    border-radius: 6px 6px 6px 6px;
}
.sort ul{
    margin: 0;
}
.sort li{
    float: left;
    list-style: none;
}
.sort em{
    float: left;
    font-style: normal;
    margin-right: 5px;
}
.sort .default{
    padding: 0 10px 0px 10px;
    background: url(/images/sort_black.gif)  no-repeat;
    background-position: 100% -8px;
}
.sort .asc{
    padding: 0 10px 0px 10px;
    background: url(/images/sort_black.gif) no-repeat;
    background-position: 100% 4px;
}
.sort .desc{
    padding: 0 10px 0px 10px;
    background: url(/images/sort_black.gif) no-repeat;
    background-position: 100% -20px;
}
/**
*varsions,color list css
*/
.versions{
    margin-bottom: 10px;
}
.versions .show{
    float: left;
}
.versions .show li{
    float: left;
    list-style: none;
    width: 190px;
}
.versions .settings{
    float: left;
}
.versions .settings li{
    float: left;
    list-style: none;
    padding: 0 5px;
}